import Vue from 'vue'
import router from '@/router'
import store from '@/store'

//3.导入 axios
import axios from 'axios'
//挂载到Vue原型中
Vue.prototype.$axios = axios
//设置基地址
axios.defaults.baseURL = 'http://big-event-vue-api-t.itheima.net'

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 判断本次请求是否以 /my 开头，决定是否添加身份认证的字段
  if (config.url.startsWith('/my')&&store.state.token) {
    config.headers.Authorization=store.state.token
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response;
}, function (error) {
  // 对响应错误做点什么
  //如果错误代码是401，说明没有token或者token过期了，重新登录
  if (error.response.status==401) {
       // 1. 立即清空无效的 token
       store.commit("updateToken", "");
      //当前页面不是登录页才弹窗
       if (location.hash!=='#/login') {
        alert('请先登录')
         // 2. 跳转到登录页面
       router.push("/login");
       }
       
  }
  return Promise.reject(error);
});
